<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>CSS3 Loading</title>
  <link rel="stylesheet" href="css/index.css">
</head>
<body>
  <div class="container">
    <div class="square"></div>
  </div>
  <div class="container">
    <div class="circle"></div>
  </div>
  <div class="container">
    <div class="dot"></div>
  </div>
  <div class="container clearfix">
    <div class="dotM1"></div>
    <div class="dotM2"></div>
    <div class="dotM3"></div>
  </div>
  <div class="container clearfix">
    <div class="ct container1">
      <div class="circle0 circle1"></div>
      <div class="circle0 circle2"></div>
      <div class="circle0 circle3"></div>
      <div class="circle0 circle4"></div>
    </div>
    <div class="ct container2">
      <div class="circle0 circle1"></div>
      <div class="circle0 circle2"></div>
      <div class="circle0 circle3"></div>
      <div class="circle0 circle4"></div>
    </div>
    <div class="ct container3">
      <div class="circle0 circle1"></div>
      <div class="circle0 circle2"></div>
      <div class="circle0 circle3"></div>
      <div class="circle0 circle4"></div>
    </div>
  </div>
  <div class="container">
    <div class="ct1">
      <div class="banner0 banner1"></div>
      <div class="banner0 banner2"></div>
      <div class="banner0 banner3"></div>
      <div class="banner0 banner4"></div>
      <div class="banner0 banner5"></div>
      <div class="banner0 banner6"></div>
      <div class="banner0 banner7"></div>
      <div class="banner0 banner8"></div>
    </div>
  </div>
  <div class="container">
    <div class="semicircle semicircle1"></div>
    <div class="semicircle semicircle2"></div>
    <div class="dotcircle dotcircle1"></div>
    <div class="dotcircle dotcircle2"></div>
    <div class="dotcircle dotcircle3"></div>
  </div>
  <div class="container">
    <div class="triangle"></div>
  </div>
  <div class="container"></div>
  <div class="container"></div>
</body>
</html>